16. Implementing Offscreen Content
Implementing Offscreen Content
Implementing Offscreen Content Quiz
As mentioned in the previous video, the focus indicator in the app seems to get lost as we tab around. Your goal is to track down the element in question and update the code with an appropriate fix.
The files for this exercise can be found in the lesson2-focus/04-offscreen-content directory within this course's GitHub Repository. Again, feel free to use the workspace below as well to complete this exercise.
To begin, Try using document.activeElement to see if you can track down the element that's stealing focus. If you get stuck, you are welcome to check out the solution folder below to see how we fixed the app.
Workspace
This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.
Workspace Information:
- Default file path:
- Workspace type: html-live
- Opened files (when workspace is loaded): n/a